<template>
  <div class="header">
    <div class="icon"></div>
    <div class="text">QQ音乐</div>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader'
}

</script>
<style lang='stylus' scoped>
@import '~styles/variable'
.header
  text-align center
  padding-top .2rem
  .icon
    width .6rem
    height .6rem
    background url('~@/assets/imgs/logo.png')
    background-size .6rem
    display inline-block
    margin-right .1rem
  .text
    color $color-theme
    font-size $font-size-large
    display inline-block
    line-height .6rem
    vertical-align top
</style>
